<template>
<div class="box">
      暂无数据

</div>
</template>

<style lang="scss" scoped>
.box {

    .membershipTable {
        width: 100%;
        overflow: hidden;
        margin-bottom: 40px;
    }

    .membershipTable table {
        width: 100%;
        border-left: 1px solid #d0cdc6;
    }

    .membershipTable table {
        border-bottom: none;
        border-right: none;
        width: 100%;
        font-size: 13px;
    }

    .membershipTable td,
    .membershipTable th {
        border-bottom: 1px solid #d0cdc6;
        border-right: 1px solid #d0cdc6;
        text-align: left;
        padding: 8px 0
    }

    .membershipTable .tableContentHeading {
        cursor: pointer;
    }

    .membershipTable .tableContent,
    .membershipTable .tableContentHeading {
        padding: 0 6%;
    }

    .accordion td,
    .accordion th {
        background: #f6f3f1
    }

    .membershipTable .rowExpanded,
    .membershipTable td {
        background: url("../images/table_arrow_active.gif") 2px 13px no-repeat #fcfbfa
    }

    .accordion td {
        background: url("../images/table_arrow.gif") 2px 13px no-repeat #f6f3f1
    }

    .membershipTable .tableContent {
        padding-top: 10px
    }

    .membershipTable .tableContent p {
        margin-bottom: 22px
    }

    .membershipTable .tableContent ul li {
        list-style-image: none;
        list-style-type: disc
    }

    .membershipTable tr {
        color: #666;
    }

    .accordion tr:hover td.tableTitle {
        background: url("../images/table_arrow.gif") 2px 13px no-repeat #fcfbfa
    }

    .accordion tr td.rowExpanded,
    .accordion tr td.rowExpanded:hover {
        background: url("../images/table_arrow_active.gif") 2px 13px no-repeat #fcfbfa
    }

    .accordion td.notExpandable {
        background-image: none;
        padding-left: 0
    }

    .accordion tr td.notExpandable:hover,
    .accordion tr:hover td.notExpandable {
        background: #fcfbfa
    }

    .accordion td.notExpandable .tableContentHeading {
        cursor: default
    }

    .membershipTable th {
        background: #e0d7d1;
        font-weight: 400;
        padding: 10px 5%;
        color: #333;
        height: 20px;
    }

    .membershipTable th.BoxMain {
        font-weight: 700
    }

    .membershipTable .icon-tick {
        color: #333;
        height: 17px
    }

    .membershipTable .BlueBox,
    .membershipTable .GoldBox,
    .membershipTable .SilverBox {
        background: #daeaf2;
        vertical-align: middle
    }

    .membershipTable .SilverBox {
        background: #efeeed
    }

    .membershipTable .GoldBox {
        background: #f5f0dd
    }

    .membershipTable .PlatinumBox {
        background: #dfdfdf
    }

    .membershipTable tr:hover .BlueBox {
        background: #daeaf2
    }

    .membershipTable tr:hover .SilverBox {
        background: #efeeed
    }

    .membershipTable tr:hover .GoldBox {
        background: #f5f0dd
    }

    .membershipTable .BlueBoxMain,
    .membershipTable .GoldBoxMain,
    .membershipTable .PlatinumBoxMain,
    .membershipTable .SilverBoxMain {
        text-align: center;
        padding-left: 0;
    }

    .membershipTable .BoxMain {
        background: #C7C8CD
    }

    .membershipTable .BlueBoxMain {
        background: #272664;
        color: #fff;
    }

    .membershipTable .SilverBoxMain {
        background: #a98752;
        color: #fff;
    }

    .membershipTable .GoldBoxMain {
        background: #b1b1be;
        color: #fff;
    }

    .membershipTable .PlatinumBoxMain {
        background: #192531;
        color: #fff
    }

    .membershipTable .BlueBoxTickedPrint {
        text-align: center;
        background: #e8ecf8
    }

    .membershipTable .SilverBoxTickedPrint {
        text-align: center;
        background: #f5efe5
    }

    .membershipTable .GoldBoxTickedPrint {
        text-align: center;
        background: #ececec
    }

    .membershipTable .PlatinumBoxTickedPrint {
        text-align: center;
        background: #e8e8e8
    }

    .membershipTable td.BlueBoxTickedPrint img,
    .membershipTable td.GoldBoxTickedPrint img,
    .membershipTable td.PlatinumBoxTickedPrint img,
    .membershipTable td.SilverBoxTickedPrint img {
        margin: 0;
        width: 17px;
        height: 17px;
        text-align: center
    }

    .zhut {
        width: 84%;
        height: auto;
        margin: 0 auto;
    }

    .title h2 {
        font-family: "思源黑体 CN Normal""微软雅黑", ;
        font-size: 24px;
        margin-top: 45px;
        margin-bottom: 25px;
    }

    .title p {
        font-family: "思源黑体 CN Light""微软雅黑";
        font-size: 15px;
        line-height: 1.5em;
        margin-bottom: 15px;
    }

    .title p img {
        width: 8px;
        vertical-align: middle;
        margin-right: 8px;
    }

    .title p span {
        font-size: 16px;
        font-family: "思源黑体 CN Normal""微软雅黑";
        margin-bottom: 8px;
        display: block;
        line-height: 20px;
    }
}

.imgBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    .img {
        width: 170px;
    }
}
</style>
